/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
package parismetro;

import javafx.scene.CustomNode;
import javafx.scene.Node;
import javafx.scene.shape.Rectangle;
import javafx.scene.text.Text;
import javafx.scene.Group;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.scene.text.TextAlignment;

/**
 * @author Hadrien
 */
def f: Font = Font { size: 48, embolden: true };

public class ZoneMobilis extends CustomNode {

    var s: Group = Group {
                content: [
                    Rectangle {
                        arcHeight: 20
                        arcWidth: 20
                        width: 311
                        height: 240
                        fill: Color.rgb(113, 206, 102);
                        stroke: Color.WHITE
                        strokeWidth: 5
                    },
                    Text {
                        layoutX: 20
                        layoutY: 30
                        font: Font { size: 24, name: "Myriad Pro", embolden: true }
                        fill: Color.WHITE
                        textAlignment: TextAlignment.CENTER
                        content: "Zones de validité"
                    },
                    ZoneMobilisButton { zone: "1 - 2", layoutX: 8, layoutY: 37 },
                    ZoneMobilisButton { zone: "1 - 3", layoutX: 108, layoutY: 37 },
                    ZoneMobilisButton { zone: "1 - 4", layoutX: 208, layoutY: 37 },
                    ZoneMobilisButton { zone: "1 - 5", layoutX: 8, layoutY: 137 },
                    ZoneMobilisButton { zone: "1 - 6", layoutX: 108, layoutY: 137 }
                ]
            }

    override public function create(): Node {
        return s;
    }

}
